<template>
    <div class="home-container">
<!--      <dv-full-screen-container style="width: 90%;height: calc(100vh - 20px)">-->
<!--        <dv-border-box-11 class="" title="dv-border-box-11">dv-border-box-11</dv-border-box-11>-->
<!--      </dv-full-screen-container>-->
    </div>
</template>

<script>
import { timeFix } from '@/utils/util'
import { mapState } from 'vuex'
import { PageHeaderWrapper } from '@ant-design-vue/pro-layout'
import { Radar } from '@/components'

const DataSet = require('@antv/data-set')

export default {
  name: 'Workplace',
  components: {
    PageHeaderWrapper,
    Radar
  },
  data () {
    return {
      timeFix: timeFix(),
      avatar: '',
      user: {},

      projects: [],
      loading: true
    }
  },
  computed: {
    ...mapState({
      nickname: state => state.user.name,
      welcome: state => state.user.welcome
    }),
    currentUser () {
      return {
        name: this.userInfo.name | '用户',
        avatar: 'https://gw.alipayobjects.com/zos/antfincdn/XAosXuNZyF/BiazfanxmamNRoxxVxka.png'
      }
    },
    userInfo () {
      return this.$store.getters.userInfo
    }
  },
  created () {
    this.user = this.userInfo
    this.avatar = this.userInfo.avatar
  },
  mounted () {
    this.getProjects()
  },
  methods: {
    getProjects () {
      this.projects = [
        {
          id: 1,
          cover: 'https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png',
          title: '图像识别1',
          description: '猪猪猪猪猪❤️',
          status: 1,
          updatedAt: '2022-07-26 00:00:00',
          groupNm: '不吃香菜组'
        },
        {
          id: 1,
          cover: 'https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png',
          title: '图像识别2',
          description: '马马马马马马❤️',
          status: 1,
          updatedAt: '2022-07-26 00:00:00',
          groupNm: '柚子组'
        }
      ]
      this.loading = false
    }
  }
}
</script>

<style lang="less" scoped>

</style>
